﻿
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,blockquote,p,span,a,img,span,tr,td,table{ padding:0; margin:0; text-decoration:none; list-style:none; border:none;}
.clearfix {
  *zoom: 1;
}
body{
  padding: 3.2rem 0 0 0;
  background:#0f0342;
}
/** 块 **/

.section {
    width: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    padding-bottom: 2rem;
}
.section h1 {}
.section h1 span.red {
    color: #dd2121;
}
.section-title h1 {
    position: relative;
    display: inline-block;
     width: 100%;
    height: 48px;
    /* margin: 3.5rem auto 0 auto; */
    font-family: "Microsoft YaHei";
    font-weight: bold;
    font-size:1.3rem;
    height: 48px;
    line-height: 48px;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
}
.section-title h1 i{
    position: absolute;
    display: block;
    width: 7rem;
    height: 4rem;
    background: url(../images/hulu.png) no-repeat center center;
    background-size: auto 100%;
    top: -1rem;
    left: 50%;
    margin-left: -3.5rem;
    z-index: -1;

}
/* .section-title h1:before{
       content: '';
    display: block;
    width: 2.9rem;
    height: 2.8rem;
    position: absolute;
    background: url(../images/qie.png) no-repeat center center;
    top: -25px;
    left: 50%;
    margin-left: -49px;
    background-size: 100% auto;

} */
/* .section-title h1:after{
      content: '';
    display: block;
    width: 0.6rem;
    height: 0.8rem;
    position: absolute;
    background: url(../images/jiantou.png) no-repeat center center;
    bottom: -3px;
    left: 50%;
    margin-left: -7.5px;
    background-size: 100% auto;
} */



.section-title h1 span{
    position: relative;
    display: inline-block;
}
.section-title h1 span:before,
.section-title h1 span:after{
    content: '';
    display: inline-block;
    position: absolute;
    width: 3.85rem;
    height: 4rem;
    background: url(../images/img_1.png) no-repeat center center;
    top: -4px;
    left: -1.8rem;
    background-size: 3.85rem 4rem;
}
.zp h1 span::before{
    content: '';
    display: inline-block;
    position: absolute;
    width: 3.85rem;
    height: 4rem;
    background: url(../images/img_1.png) no-repeat center center;
    top: -4px;
    left: -6.8rem;
    background-size: 3.85rem 4rem;
}
.zp h1 span::after{
    background: url(../images/img_r.png) no-repeat center center;
    left: auto;
    right: -105px !important;
    width: 3.85rem;
    height: 1.05rem;
    background-size: 100%;
    top: 15px;
}
.section-title h1 span:after{
    background: url(../images/img_r.png) no-repeat center center;
    left: auto;
    right: -60px;
    width: 3.85rem;
    height: 1.05rem;
    background-size: 100%;
    top: 15px;
}
.section-title h1 span.red {
    color: #fe3939;
}
.section-title p {
    font-size: 1rem;
    margin-top: 0.8rem;
    text-align: center;
    color: #fff;
}
.section-content {
    max-width: 1200px;
    margin: 0 auto;
}
.section {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}
.section * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}

/** banner **/


/* banner #start */
.banner{
  position: relative;
  width: 100%;
 
}

.swiper-box{
  position: relative;
}
.swiper-slide{
  line-height: 0;
}
.swiper-pagination{
  bottom: 20px;
  left: 50%;
  margin-left: -60px;
}
.swiper-pagination-bullet{
  width: 12px;
  height: 12px;
  margin: 0 5px;
}


.swiper-button-next,.swiper-button-prev{
  display: none;
}

/* banner #end */


/* part1 **/

.java-logo {
    float: left;
    padding: 10px 120px 20px 20px;
    width: 236px;
    margin-left: 164px;
}
.java-info {
    text-align: left;
    font-size: 24px;
    line-height: 48px;
    padding-top: 20px;
}
.banner img{
    display: block;
}

/* 基石 **/

.jishi-sec {
    /* background: url(../images/bg_jishi.jpg) no-repeat center center;
    background-size: 100% 100%; */
    background-color: #0a0f20;
    padding: 0;
}
.jishi-sec .jishi_jujue{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.jishi-sec .jishi_jujue img{
    width: 30%;
}
.jishi-sec .swiper-wrapper img{
    width: 9.75rem;
    height: 3rem;
}
.swiper-wrapper .swiper-slide{
width: 40%;
}

.jishi-x {
    background: url(../images/bg_jishi_x.png) no-repeat center center;
    margin: 1rem auto 0 auto;
    background-size: 100% 100%;
    padding-bottom: 2rem;
}
.jishi-x ul {
    font-size: 0;
}
.jishi-x li {
    padding: 2.3rem 1.8rem 0 1.8rem;
    vertical-align: middle;
    text-align: left;
}
.jishi-x li h2{
    position: relative;
     width: 100%;
    display: inline-block;
    font-size: 1.25rem;
    line-height: 0;
    z-index: 999;
}
.jishi-x li h2.yw1 i{
       background: url(../images/yw1.png) no-repeat center left;
   width: 100%;
    height: 48px;
    display: block;
    width: 100%;
    background-size: 100%;
    position: absolute;
    top: -24px;
    z-index: -1;
}
.jishi-x li h2.yw2 i{
     background: url(../images/yw2.png) no-repeat center left;
   width: 100%;
    height: 48px;
    display: block;
    width: 100%;
    background-size: 100%;
    position: absolute;
    top: -24px;
    z-index: -1;
}
.jishi-x li h2.yw3 i{
     background: url(../images/yw3.png) no-repeat center left;
   width: 100%;
    height: 48px;
    display: block;
    width: 100%;
    background-size: 100%;
    position: absolute;
    top: -24px;
    z-index: -1;
}
.jishi-x li h2:before{
    content: '';
    content: '';
    display: block;
    position: absolute;
    width: 2rem;
    bottom: -1.5rem;
    left: -1.8rem;
    height: 0.8rem;
    background: url(../images/bq1.png) no-repeat center center;
   
}
.jishi-x li h2:after{
    content: '';
    display: block;
    position: absolute;
    width: 2rem;
    top: -0.66rem;
    right: -2.08rem;
    height:  0.8rem;
    background: url(../images/bq2.png) no-repeat center center;
   
}
.jishi-x li h3{
    font-size: 1rem;
    margin-top: 1rem;
}
.jishi-x li p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    text-align: left;
    margin-top: 1.2rem;
}
.jishi-x li p span.point {
    color: #ff3400;
    position: relative;
}
.jishi-x li p span.point:after {
    content: '';
    display: block;
    position: absolute;
    top: -56px;
    right: -62px;
    width: 110px;
    height: 57px;
    background: url(../images/point.png) no-repeat center center;
    -webkit-animation:huo 2.1s infinite ease-in-out;
    animation:huo 2.1s infinite ease-in-out;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}
@-webkit-keyframes huo {
    0% {
        opacity:0.9;
        filter:alpha(opacity=90);
    }
    50% {
        opacity:1;
        filter:alpha(opacity=1);
    }
    100% {
        opacity:0.9;
        filter:alpha(opacity=90);
    }
    }@keyframes huo {
        0% {
        opacity:0.9;
        filter:alpha(opacity=90);
    }
    50% {
        opacity:1;
        filter:alpha(opacity=100);
    }
    100% {
        opacity:0.9;
        filter:alpha(opacity=90);
    }
}
/* 适合 **/

.sh-sec {
    background: url(../images/bg_sh.jpg) no-repeat center center;
    background-size: auto 100%;
}

.sh-sec .sh-x{
    margin-top: 1rem;
}
.sh-sec .sh-x img{
    width: 17.1rem;
}
.sh-sec .swiper-container {
    width: 100%;
    height: 100%;
}
.sh-sec  .swiper-slide {
    text-align: center;
    font-size: 18px;
    width: 60%;
    line-height: 0;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/* 成长 **/

.cz-sec {
    background: url(../images/bg_cz.jpg) no-repeat center center;
        background-size: auto 100%;
}

.cz-sec .cz-x{
   
  padding: 0 5px;
}
.cz-x .gyx{
    position: absolute;
    width:183px;
    font-size: 22px;
    font-weight: bold;
    line-height: 37px;
}

.cz-x .gyx label{
    color: #be47b2;
}
.cz-x .gyx span{
    color: #f6d350;
}

.cz-x .cz1{
     bottom: 218px;
}
.cz-x .cz2{
    bottom: 429px;
    left: 236px;
}
.cz-x .cz3{
    bottom: 429px;
    left: 472px;
}
.cz-x .cz4{
    bottom: 429px;
    left: 708px;
}
.cz-x .cz5{
    top: -117px;
    left: 944px;
}


.picc{
    line-height: 0;
}

/* 讲师 **/

.js-sec {
  
       background-color: #1e1b75;
}
.zp_con .swiper-slide-active{
    border: 2px solid #fd8727;
    /* border-radius: 5px; */
}
.zp_con .swiper-slide img{
    border: 2px solid #fd8727;
    /* border-radius: 5px; */
}
.js-sec .section-title{
    margin-top: 2rem;
}

.js {
    height: 419px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 28px;
}

.js-sec .swiper-slide {
    width: 60%;
     margin-right:0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#js {
    overflow: hidden;
    margin: 20px auto;
    width: 98%;
}


/* 前沿课程 **/

.kc-sec {
    /* background: #0f0342 url(../images/bg_kc.jpg) no-repeat top center;
    background-size: auto 100%; */
    background-color: #151e2e;
}

.kc-x{
  position: relative;
}

.course-jg {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.course-jg ul {
    margin-top: 10px;
    margin-left:1.5rem;
    border-left: 2px solid #ccc;
}

.course-jg .course-jg-list {
    margin-left: -37px;
}

.course-jg .course-jg-list dl {
    overflow: hidden;
    margin-bottom: 40px;
}

.course-jg .course-jg-list dl dt {
    float: left;
    font-weight: normal;
    padding-left: 3px;
}

.course-jg .course-jg-list dl dd {
    float: right;
    width: calc(100% - 60px);
    text-align: left;
}

.course-jg .course-jg-list dl dd .live-state {
    display: inline-block;
    position: relative;
    padding: 6px 12px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #eaeaea;
    line-height: 13px;
    font-size: 12px;
}

.course-jg .course-jg-list dl dd .live-state b {
    font-weight: normal;
    margin-left: 5px;
}

.course-jg .course-jg-list dl dd .live-state i {
    position: absolute;
    top: 10px;
    left: 7px;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

.course-jg .course-jg-list:last-child dl {
    padding: 0;
}

.course-jg .course-jg-list .dot {
    display: block;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 35px;
    margin-left: 20px;
}

.course-jg .course-jg-list .live-line-time span {
    font-size: 16px;
}

.course-jg .course-jg-list .more {
    display: block;
    width: 78px;
    padding: 0 0 6px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    box-shadow: 2px 2px 3px 0px #eaeaea;
    text-align: center;
}

.course-jg .course-jg-list .more i {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 3px;
    border-radius: 50%;
    background: #e44859;
}

.course-jg .course-jg-list .more i:last-child {
    margin-right: 0;
}

.course-jg .course-jg-list .live-line-tit {
    padding-top: 10px;
    line-height: 22px;
}


.course-jg .course-jg-list .live-line-guest {
    padding: 3px 0 0;
    font-size: 12px;
    color: #7a7a7a;
    overflow: hidden;
}

.course-jg .course-jg-list .live-line-guest .num {
    float: right;
}

.course-jg .course-jg-list .live-line-guest .num i {
    margin-right: 3px;
    font-weight: bold;
}

.course-jg-list h2 {
   font-size: 1.2rem;
    color: #f9d04d;
    line-height: 1.8rem;
    margin: 0;
}

.course-jg-con {
 
    margin-top: 10px;
}
.course-jg-con span{
    display: inline-block;
    background-color: #286da1;
    padding: 3px 8px;
    color: #fff;
    font-size: 0.8rem;
    line-height: 1.8rem;
    margin: 5px 5px 5px 0;
    border-radius: 10px;
}
.course-jg-con h3 {
    font-size: 24px;
}

.course-jg-con>div {
    display: inline-block;
    width: 32%;
    vertical-align: top;
    position: relative;

}

.course-jg-con>div:last-child{
    text-align: center;
}

.course-jg-con>div.w25 {
    width: 25%;
}

.course-jg-con>div.w48 {
    width: 48%;
}
.course-jg-con>div img{
    margin: 0 5px;
}
    
    .course-jg .course-jg-list i.j1 {
    background: #f9d04d;
}

.course-jg .course-jg-list i.j2 {
    background: #71ffff;
}

.course-jg-list h2.odd {
    color: #71ffff;
}
.course-jg-con p{
    text-align: center;
}



/*** 大纲 ***/
.dg-sec{
    background: url(../images/bg_dg.jpg) no-repeat center center;
    height: 473px;
}
.dg-sec .section-title h1{
    width: 100%;
    position: relative;
    text-align: center;
    padding-left: 137px;
    margin: 68px 0 40px 0;
    height: 80px;
    line-height: 80px;
    font-size: 38px;
    color: #39cfff;
}
.dg-sec .section-title h1:before{
    content: '';
    display: block;
    width: 491px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 50%;
    background: url(../images/t_dg.png) no-repeat center center;
    margin-left: -939px;
}

.dg-x div{
    line-height: 0;
    display: inline-block;
    vertical-align:bottom;
    float: left;
    -webkit-animation:twinkling 2.1s infinite ease-in-out;
    animation:twinkling 2.1s infinite ease-in-out;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

.dg-x div:first-child,
.dg-x div:last-child{
    -webkit-animation:twinkling 1.8s infinite ease-in-out;
    animation:twinkling 1.8s infinite ease-in-out;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

@-webkit-keyframes twinkling {
    0% {
        opacity:0.5;
        filter:alpha(opacity=50);
    }
    50% {
        opacity:1;
        filter:alpha(opacity=1);
    }
    100% {
        opacity:0.5;
        filter:alpha(opacity=50);
    }
    }@keyframes twinkling {
        0% {
        opacity:0.5;
        filter:alpha(opacity=50);
    }
    50% {
        opacity:1;
        filter:alpha(opacity=100);
    }
    100% {
        opacity:0.5;
        filter:alpha(opacity=50);
    }
}


/** 项目 ***/

.xm-sec{
    /* background: url(../images/bg_xm.jpg) no-repeat center center;
    background-size: 100% 100%; */
    background-color: #0e1232;
}
.xm-sec .section-title{
    margin-top: 2rem;
}

.xm-sec .section-content {
    max-width: 100%;
}
.xm-x{
    padding: 1.8rem 1rem;
    position: relative;
}
.xm-x li:before{
    content: '';
    display: inline-block;
    width: 11px;
    height: 13px;
    background:url(../images/xm_dd.png) no-repeat center center;
    margin-right: 8px;
}
.xm-x li{
    line-height: 2.5rem;
    font-size: 0.8rem; 
    text-align: left;
}
.xm-x li span{
    color: #e77b53;
    font-weight: bold;
}
.xm-x .xm-d1{
    position: absolute;
    bottom: 0;
    background: url(../images/xmd1.png) no-repeat center center;
    height: 1065px;
    width: 100%;
    background-size: auto 100%;
}

.xm-x .xm-d2{
    position: absolute;
    bottom: 0;
    background: url(../images/xmd2.png) no-repeat center center;
    height: 1065px;
    width: 100%;
    background-size: auto 100%;
}

.xm-x .xm-d3{
    position: absolute;
    bottom: 0;
    background: url(../images/xmd3.png) no-repeat center center;
    height: 1065px;
    width: 100%;
    background-size: auto 100%; 
}


.xm-l{
    position: absolute;
    width: 450px;
    height: 80px;
    font-size: 24px;
    color: #fff;
}
.xm-l b{
    font-size: 30px;
    font-weight: bold;
}

/** 保障 */

.bz-sec{
  background: url(../images/bz_bg.jpg) no-repeat center;
  background-size: 100% 100%;
 
}
.bz-sec h1{
    margin-bottom: 0;
}
.bz-sec h1:after{
    bottom: -28px;
}
.bz-sec p{
    margin-top: -12px;;
}
.bz-bg{
  position: relative;
  background: url(../images/bz_bg1.png) no-repeat center;
  background-size: auto 100%;
  width: 1161px;
  height:446px;
}

.bz-bg .s1,
.bz-bg .s2,
.bz-bg .s3,
.bz-bg .s4{
  position: absolute;
  top: 345px;
  left: -54px;
  width: 425px;
  line-height: 30px;
}
.bz-bg p{
 line-height: 28px;
 margin: 34px 0;
}
.bz-bg .s2{
        top: 240px;
    left: 230px;
}
.bz-bg .s3{
      top: 255px;
        left: 523px;
}
.bz-bg .s4{
      top: 65px;
    left: 773px;
}
.bz-bg p{
  font-size: 18px;
}
.bz-bg .s1 b,
.bz-bg .s2 b,
.bz-bg .s3 b,
.bz-bg .s4 b{
    margin: 0 auto;
    width: 148px;
    height: 148px;
  display: block;
  font-size: 24px;
  color: #fff;
  font-weight: normal;
}

.bz-bg .s1 b{
    background: url(../images/bz1.png);
}
.bz-bg .s2 b{
    background: url(../images/bz2.png);
}
.bz-bg .s3 b{
    background: url(../images/bz3.png);
}
.bz-bg .s4 b{
    background: url(../images/bz4.png);
}

/*  就业 **/
.jy-sec {
    background: url(../images/bg_jy.jpg) no-repeat center center;
    height: 1422px;
}
.jy-sec .section-title h1 {
    background: url(../images/t_jy.png) no-repeat center center;
    width: 1079px;
    height: 76px;
    line-height: 76px;
    padding-left: 340px;
    padding-top: 7px;
}
.recruitmen {
    margin: 0 auto;
    width: 1200px;
}

.recruitmen-left {
    float: left;
    width: 322px;
    height: 400px;
}

.zhaopin {
    width: 322px;
    height: 119px;
}

.zhaopin-hover {
     width: 322px;
    height: 119px;
    background:url(../images/jy_btn_bg.png) no-repeat center center;
}

.zhaopin,
.zhaopin-hover {
    margin: 0 auto;
    text-align: left;
    padding-left: 5px;
    margin-bottom: 18px;
}

.recruitmen-right {
    float: right;
    text-align: center;
    padding: 0px;
    border-radius: 10px;
    overflow: hidden;
}

/* 就业薪水 */

.jy-sec .section-title .hline span {
    width: 50px;
    margin-left: -25px;
}
.jiuye_titlebg {
    margin: 0 auto;
    width: 1200px;
    height: 120px;
    line-height: 40px;
    font-family: "微软雅黑";
    font-size: 28px;
    color: #cc1e20;
    text-align: center;
    background: url(../images/jiuye_titlebg.gif) center 30px no-repeat;
    padding: 30px 0 0 0;
    font-weight: bold;
}
.jiuye_title {
    margin: 0 auto;
    margin-top: 43px;
    width: 1200px;
    height: 70px;
    line-height: 70px;
    background: #26427a;
    font-family: "微软雅黑";
    font-size: 26px;
    color: #ffffff;
    font-weight: bolder;
    text-align: center;
}
.jiuye_title .span1 {
    width: 100px;
    text-align: center;
    float: left;
}
.jiuye_title .span2 {
    width: 150px;
    text-align: center;
    float: left;
}
.jiuye_title .span3 {
    width: 380px;
    text-align: center;
    float: left;
}
.jiuye_title .span4 {
    position: relative;
    z-index: 99;
    height: 70px;
    width: 180px;
    text-align: center;
    float: left;
    color: #ffffff;
    background: #fe5a66;
}
.jiuye_title .span5 {
    width: 260px;
    float: left;
}
.jiuye_title .span6 {
    width: 105px;
    float: left;
}
#jyandroid {
    margin: 0 auto;
    width: 1200px;
    height: 605px;
    overflow: hidden;
}
#jyandroid ul {
    width: 1200px;
}
#jyandroid li {
    line-height: 60px;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #333333;
    font-family: "微软雅黑";
    overflow: hidden;
}
#jyandroid li .span1 {
    width: 100px;
    text-align: center;
    float: left;
}
#jyandroid li .span2 {
    width: 150px;
    text-align: center;
    float: left;
}
#jyandroid li .span3 {
    width: 380px;
    text-align: center;
    float: left;
}
#jyandroid li .span4 {
    position: relative;
    z-index: 99;
    height: 62px;
    width: 180px;
    text-align: center;
    float: left;
    color: #ffffff;
    background: #fe5a66;
}
#jyandroid li .span5 {
    width: 260px;
    text-align: center;
    float: left;
}
#jyandroid li .span6 {
    width: 105px;
    text-align: center;
    float: left;
}
#jyandroid li:nth-of-type(odd) {
    background: #fff;
}
#jyandroid li:nth-of-type(even) {
    background: #bec7d7;
}

/*  管理体系 **/
.tx-sec {
    background: url(../images/bg_tx.jpg) no-repeat center center;
    height: 773px;
}
.tx-sec .section-title h1 {
    background: url(../images/t_tx.png) no-repeat center center;
    width: 1122px;
    height: 78px;
    line-height: 78px;
    padding-left: 330px;
    color: #fff;
}
.tx-c{
    position: relative;
    height: 695px;
}
.tx-c .tx-logo{
    width: 162px;
    height: 162px;
    background: url(../images/tx-logo.png) no-repeat center center;
    position: absolute;
    top: 192.5px;
    left: 50%;
    margin-top: -81px;
    margin-left: -81px;
}

.tx-c .tx-dy{
    width: 385px;
    height: 385px;
    background: url(../images/tx-dy.png) no-repeat center center;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -192.5px;
    animation: circling 12s linear 0s infinite;

}

  @keyframes circling{
    from{
      transform:rotate(0deg);
    }
    to{
      transform:rotate(360deg);
    }
  }

.tx-c .tx-xy{
    width: 39px;
    height: 39px;
    background: url(../images/tx-xy.png) no-repeat center center;
    position: absolute;
    animation: circling 12s linear 0s infinite;
}
.tx-c .tx-xy.xy1{
    top: 48px;
    left: 436px;
}   
.tx-c .tx-xy.xy2{
    top: 48px;
    left: 725px;

}   
.tx-c .tx-xy.xy3{
    top: 275px;
    left: 419px;
}   
.tx-c .tx-xy.xy4{
    top: 275px;
    left: 740px;
}   
.tx-c .tx-xy.xy5{
     top: 362px;
        left: 576px;
}   
.tx-w{
    width: 320px;
    text-align: center;
    position: absolute;
    color: #fff;
    font-size: 20px;
    line-height: 38px;
}
.tx-w.w1{
       top: 44px;
    left: 116px;
}
.tx-w.w2{
        top: 44px;
    left: 782px;
}
.tx-w.w3{
         top: 278px;
    left: 110px;
}
.tx-w.w4{
    top: 278px;
    left: 769px;
}
.tx-w.w5{
       top: 405px;
    left: 441px;
}



/* 编程思维 */

.bs-sec {
    background: url(../images/bs_bg.jpg) center no-repeat;
    height: 726px;
    background-size: auto 100%;
}
.bs-sec h1 {
    margin-top: 40px;
    color: #fff;
}
.bs-sec h1 b {
    color: #ffc000;
}
.bs-sec .section-title .hline span {
    border-bottom: 6px solid #ffc000;
}
.bs-c {
    margin: 0 auto;
    padding: 10px 0;
    max-width: 1200px;
    position: relative;
}
.bs-c .ling {
    width: 158px;
    height: 158px;
    margin: 79px 0 0 79px;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff;
}
.bs-c .ling:hover {
    background: #1685cf;
    color: #fff;
}
.bs-c .ling div {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 100%;
    height: 100%;
    margin-left: -6px;
    padding-top: 14px;
}
.bs-c .ling.l1 {
    position: absolute;
    top: 0;
    left: 20px;
}
.bs-c .ling.l2 {
    position: absolute;
    top: 0;
    left: 271px;
}
.bs-c .ling.l3 {
    position: absolute;
    top: 0;
    left: 522px;
}
.bs-c .ling.l4 {
    position: absolute;
    top: 0;
    left: 773px;
}
.bs-c .ling.l5 {
    position: absolute;
    top: 0;
    left: 1028px;
}
.bs-c .ling.l6 {
    position: absolute;
    top: 155px;
    left: 145px;
}
.bs-c .ling.l7 {
    position: absolute;
    top: 155px;
    left: 393px;
}
.bs-c .ling.l8 {
    position: absolute;
    top: 155px;
    left: 647px;
}
.bs-c .ling.l9 {
    position: absolute;
    top: 155px;
    left: 898px;
}
.bs-c .ling div span {
    display: block;
    width: 52px;
    height: 52px;
    margin: 15px auto;
    background: url(../images/1.png) center no-repeat;
}
.bs-c .ling div {
    font-size: 20px;
}
.bs-c .l1 div span {
    background: url(../images/1.png) center no-repeat;
}
.bs-c .l1:hover div span {
    background: url(../images/1a.png) center no-repeat;
}
.bs-c .l2 div span {
    background: url(../images/2.png) center no-repeat;
}
.bs-c .l2:hover div span {
    background: url(../images/2a.png) center no-repeat;
}
.bs-c .l3 div span {
    background: url(../images/3.png) center no-repeat;
}
.bs-c .l3:hover div span {
    background: url(../images/3a.png) center no-repeat;
}
.bs-c .l4 div span {
    background: url(../images/4.png) center no-repeat;
}
.bs-c .l4:hover div span {
    background: url(../images/4a.png) center no-repeat;
}
.bs-c .l5 div span {
    background: url(../images/5.png) center no-repeat;
}
.bs-c .l5:hover div span {
    background: url(../images/5a.png) center no-repeat;
}
.bs-c .l6 div span {
    background: url(../images/6.png) center no-repeat;
}
.bs-c .l6:hover div span {
    background: url(../images/6a.png) center no-repeat;
}
.bs-c .l7 div span {
    background: url(../images/7.png) center no-repeat;
}
.bs-c .l7:hover div span {
    background: url(../images/7a.png) center no-repeat;
}
.bs-c .l8 div span {
    background: url(../images/8.png) center no-repeat;
}
.bs-c .l8:hover div span {
    background: url(../images/8a.png) center no-repeat;
}
.bs-c .l9 div span {
    background: url(../images/9.png) center no-repeat;
}
.bs-c .l9:hover div span {
    background: url(../images/9a.png) center no-repeat;
}
/* 课程匹配 */

.kp-sec {
    background: rgb(221, 225, 234);
}
/* 课程对比 */

.kd-sec {
    background: url(../images/kd_bg.jpg) center no-repeat;
    height: 1546px;
    background-size: auto 100%;
    color: #fff;
}
.kd-sec h1 {
    color: #fff;
}
.kd-sec h2 {
    font-size: 41px;
    margin-top: 0;
}
.kd-sec .section-title {
    margin-top: 80px;
}
.kd-sec .section-title .hline {
    width: 300px
}
.kd-sec .section-title .hline span {
    width: 100px;
    margin-left: -50px;
    border-bottom: 6px solid #e64025;
}
.kd-t {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 80px;
}
.kd-t li {
    width: 182px;
    height: 57px;
    margin: 10px 33px;
    float: left;
    line-height: 57px;
    background: #e64025;
    display: block;
    color: #fff;
    font-size: 24px;
    text-align: center;
}
.kd-t li a {
    display: block;
    height: 127px;
    background: url(../images/kdnx.png) no-repeat center center;
    margin-top: -93px;
}
.kd-t li a.active {
    display: block;
    height: 127px;
    background: url(../images/kdn.png) no-repeat center center;
    margin-top: -93px;
}
.kd-t li:first-child {
    margin-left: 0;
}
.kd-t li:last-child {
    margin-right: 0;
}
.kd-c {
    margin-top: 20px;
    position: relative;
    background: url(../images/db_bg.png) no-repeat center center;
    height: 1060px;
}
.kd-c .kcl, .kd-c .kcr {
    display: block;
    width: 45%;
    padding: 20px;
    top: 200px;
    position: absolute;
    text-align: right;
    color: #26dffe;
    font-size: 18px;
    line-height: 36px;
}
.kd-c .kcr {
    right: 0;
    text-align: left;
    color: #fff;
    line-height: 40px;
}
.kd-c .kcr b {
    font-size: 39px;
}
/* 新课 */

.xk-c {
    max-width: 1200px;
    margin:0 auto;
}
.xk-left {
    width: 612px;
    display: inline-block;
    text-align: left;
}
.xk-left li {
    display: inline-block;
    width: 196px;
    height: 196px;
    overflow: hidden;
}
.xk-left i, .xk-left li.active i {
    display: block;
    width: 196px;
    height: 196px;
}
.i-xk-springboot {
    background: url(../images/springboot.png) no-repeat;
}
.xk-left li.active .i-xk-springboot {
    background: url(../images/springboot1.png) no-repeat;
}
.i-xk-springcloud {
    background: url(../images/springcloud.png) no-repeat;
}
.xk-left li.active .i-xk-springcloud {
    background: url(../images/springcloud1.png) no-repeat;
}
.i-xk-fastdfs {
    background: url(../images/fastdfs.png) no-repeat;
}
.xk-left li.active .i-xk-fastdfs {
    background: url(../images/fastdfs1.png) no-repeat;
}
.i-xk-thymeleaf {
    background: url(../images/thymeleaf.png) no-repeat;
}
.xk-left li.active .i-xk-thymeleaf {
    background: url(../images/thymeleaf1.png) no-repeat;
}
.i-xk-elasticsearch {
    background: url(../images/elasticsearch.png) no-repeat;
}
.xk-left li.active .i-xk-elasticsearch {
    background: url(../images/elasticsearch1.png) no-repeat;
}
.i-xk-docker {
    background: url(../images/docker.png) no-repeat;
}
.xk-left li.active .i-xk-docker {
    background: url(../images/docker1.png) no-repeat;
}
.i-xk-mycat {
    background: url(../images/mycat.png) no-repeat;
}
.xk-left li.active .i-xk-mycat {
    background: url(../images/mycat1.png) no-repeat;
}
.xk-right {
    display: inline-block;
    width: 560px;
    margin-left: 20px;
    padding-top: 100px;
    height: 588px;
    vertical-align: top;
}
.xk-right li {
    display: none;
    text-align: left;
}
.xk-right li.active {
    display: inline-block;
}
.xk-right p {
    text-align: left;
    line-height: 32px;
    font-size: 18px;
}
.xk-right h5 {
    color: #333;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 32px;
}


/** 场景 */

.cj-sec {
    background-color: rgb(233, 242, 249);
}
.cj-sec .section-title .hline {
    width: 500px;
}
.cj-sec .section-title .hline span {
    width: 160px;
    margin-left: -80px;
}

/* 学员 */

.xy-sec {
    background: url(../images/bg_xy.jpg) no-repeat;
    height: 906px;
    background-size: auto 100%;
    color: #fff;
}
.xy-sec h1 {
        background: url(../images/t_xy.png) no-repeat center center;
    width: 100%;
    height: 74px;
    line-height: 74px;
    padding-left: 205px;
    padding-top: 5px;
    text-align: center;
}
.xy-c {
    max-width: 1200px;
    margin: 0 auto;
    line-height: 0;
}
.xy-c div {
    display: block;
    float: left;
}
.xy-l {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    /* Firefox */
    -webkit-box-sizing: content-box;
    width: 468px;
    height: 456px;
    overflow: hidden;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px 1px #ccc;
}
.xy-r {
    width: 730px;
    height: 463px;
}
.xy-r li {
    width: 230px;
    margin: 0px 0 11px 3px;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px 1px #ccc;
}
.xy-c .info {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    /* Firefox */
    -webkit-box-sizing: content-box;
    background-color: #fff;
    padding: 10px 20px;
    text-align: left;
    color: #333;
    line-height: 27px;
    font-size: 14px;
    width: 430px;
}
.xy-r .info {
    width: 190px;
    line-height: 30px;
}
.xy-btn {
    margin: 80px auto 0 auto;
    float: left;
    text-align: center;
    width: 100%;
}
.xy-btn a {
    display: inline-block;
    width: 416px;
    height: 80px;
    background:url(../images/xy_btn.png) no-repeat center center;
    color: #fff;
    font-size: 34px;
    line-height: 80px;
    border-radius: 80px;
}
/* 荣誉 */
.ry-sec {
    /* background: url(../images/bg_ry.jpg) no-repeat;
    background-size: 100% 100%; */
    background-color: #1e1b76;
    color: #fff;

}
.ry-sec .section-title{
    margin-top: 2rem;
}
.ry-sec h1 {
    width: 100%;
    text-align: center;
    line-height: 1.8rem;
    margin-bottom: 3rem;
    position: relative;
}
.ry-sec h1 span::before{
    content: '';
    display: inline-block;
    position: absolute;
    width: 3.85rem;
    height: 4rem;
    /* background: url(../images/img_1.png) no-repeat center center; */
    top: 0;
    left: -40px;
    background-size: 3.85rem 4rem;
}


.ry-sec h1::after{
    background: url(../images/img_r.png) no-repeat center center;
    left: auto;
    right: -50px;
    width: 3.85rem;
    height: 1.05rem;
    background-size: 100%;
    top: 15px;
}
.ry-c{
    padding: 0 5px;
}
.ry-c ul{
    font-size: 0;
    line-height: 0;
    float: left;
    width: 25%;
}
.ry-c li{
    position: relative;
    width: 80px;
    height: 75px;
    background: #fff;
}
.ry-c li a{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    border-top: 0;
}
.ry-c li:first-child {
      border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.ry-c li:first-child a{
    border-top: 1px solid #ccc;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.ry-c li:last-child a{
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.ry-c li:last-child{
     border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.ry-c li a.active{
   box-shadow: 0 0 4px 1px #ccc;
}
.ry-c li a.active:after{
    content: '';
    display: block;
    position: absolute;
    width: 19px;
    height: 16px;
    background: url(../images/ry_arrow.png) no-repeat center center;
    right: -19px;
    top: 50%;
    margin-top: -8px;
}
.ry-c li a.fenghuang{
    background: url(../images/fenghuang.png) no-repeat center center;
    background-size: 80%;
}
.ry-c li a.picca{
    background: url(../images/picc.png) no-repeat center center;
    background-size: 80%;
}
.ry-c li a.dingding{
    background: url(../images/dingding.png) no-repeat center center;
        background-size: 80%;
}
.ry-c li a.baidu{
    background: url(../images/baidu.png) no-repeat center center;
        background-size: 80%;
}
.ry-c li a.xinlang{
    background: url(../images/xinlang.png) no-repeat center center;
        background-size: 80%;
}
.ry-c li a.tengxun{
    background: url(../images/tengxun.png) no-repeat center center;
        background-size: 80%;
}
.ry-c li a.huawei{
    background: url(../images/huawei.png) no-repeat center center;
        background-size: 80%;
}
.ry-c li a.jisuan{
    background: url(../images/jisuan.png) no-repeat center center;
        background-size: 80%;
}
.ry-xx{
    width: 73%;
    float: right;
    padding-right: 5px;
    margin-left: 5px;
    border:1px solid #3795f9;
    border-radius: 10px;
    /* height: 455px; */
    height: 525px;
    overflow: hidden;
    background: #fff;
}
.ry-xx img{
    border-radius: 10px;
    margin: 43px auto;
}
.ryx{
    display: none;
}

.students {
    line-height: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.students img {
    width: 100%;
}

.bottom{
    border-top: 0;
}
.fengcai img{
    display: block;
}

/* 云时代 */
.ysd-sec{
    background-color: #0a0f20;
    padding: 0 1rem;
    box-sizing: border-box;
}
.ysd-sec .section-title{
    margin-top: 2.5rem;
}
.ysd-sec .section-content{
    background: url(../images/gx.png) no-repeat center center;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    position: relative;
    padding: 1.5rem 3rem;
    overflow: hidden;
    padding-bottom: 15px;
}
.ysd-sec .section-content p{
     line-height: 1.6;
     text-align: left;
}
.ysd-sec .section-content::before{
    display: block;
    content: "";
    width: 2.1rem;
    height: 1.75rem;
    background: url(../images/r.png) no-repeat;
    background-size: 2.1rem 1.75rem;
    position: absolute;
    left: 10px;
    top: 15px;
}
.ysd-sec .section-content::after{
    display: block;
    content: "";
    width: 2.1rem;
    height: 1.75rem;
    background: url(../images/l.png) no-repeat;
    background-size: 2.1rem 1.75rem;
    position: absolute;
    right: 10px;
    bottom: 14px;
}
.puji{
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    text-align: left;
    padding: 0 1rem;
}
.puji span{
    color: #f0bd26;
}
/* 职业上升通道 #start  */
.zhiye-t{
    padding: 0 1rem;
    margin-top: 1rem;
}
.contrast{
    font-size: 1.2rem;
    margin-top: 2rem;
    font-weight: 600;
}
/* 职业上升通道 #end */
/* 适合人群 #start  */
.shihe-sec{
    height: 23.75rem;
    background: url(../images/sh_bg.jpg) no-repeat center center;
    background-size: cover;
    
}
.shihe-sec_b{
    width: 100%;
    height: 100%;
    margin-top: 2rem;
}
.shihe-sec_b img{
    height: 6.6rem;
    margin-bottom: 1rem;
}
.shihe-sec_b .img_b{
    float: left;
    width: 33.3%;
}
/* 适合人群 #end */
/* 尚硅谷vs其他机构 #start */
.vs-sec{
    background-color: #0a0f20;
}
.vs_img img{
    width: 22.75rem;
}
.pk_con_bg{
    width: 100%;
    height: 100%;
    margin-top: 1.5rem;
}
.pk_con_bg dl{
    float: left;
    width: 25%;
}
.pk_con_bg dl dd{
    /* height: 6rem; */
}
.pk_con_bg dl:first-child dd{
    line-height: 6rem;
}
.pk_con_bg dl:first-child dd:nth-child(even){
    background-color: #f2f3f5;
    color: #0c60a0;
}
.pk_con_bg dl:first-child dd:nth-child(odd){
    background-color: #e2e3e5;
    color: #0c60a0;
}
.pk_con_bg .sgg dd:nth-child(even){
    background-color: #fff;
    color: #000;
}
.pk_con_bg .sgg dd:nth-child(odd) {
    background-color: #fdf2d6;
    color: #000;
}
.pk_con_bg .jg1 dd:nth-child(even) {
    background-color: #f2f3f5;
    color: #000;
}
.pk_con_bg .jg1 dd:nth-child(odd) {
    background-color: #e2e3e5;
    color: #000;
}
.pk_con_bg .jg2 dd:nth-child(even) {
    background-color: #f9f9f9;
    color: #000;
}
.pk_con_bg .jg2 dd:nth-child(odd) {
    background-color: #e8e9eb;
    color: #000;
}
.pk_con_bg dl:first-child dt{
    background-color: #36a2ed;
    height: 2rem;
    line-height: 2rem;
    font-size: 1rem;
}
.pk_con_bg .jg1 dt,
.pk_con_bg .jg2 dt
{
    background-color: #49535f;
    height: 2rem;
    line-height: 2rem;
    font-size: 1rem;
}
.pk_con_bg .sgg dt{
    background-color: #0dc59f;
    height: 2.7rem;
    line-height: 2.7rem;
    box-shadow: 0px 1px 20px 0px #ccc;
    position: relative;
    font-size: 1.2rem;
}
.pk_con_bg .sgg {
    margin-top: -0.6rem;
    position: relative;
    box-shadow: 0 0 20px #00000021;
    position: relative;
}


/* 新布局 start */
.pk_con_bg ul li{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pk_con_bg ul li span{
    display: inline-block;
    width: 24%;
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.5rem;
    /* text-align: left; */
}
.pk_con_bg ul li .zs{
    height: 2rem;
    background-color: #35a2ed;
    line-height: 2rem;
    font-size: 1rem;
}
.pk_con_bg ul li .zs_w{
    width: 20%;
}
.pk_con_bg ul li .gg_w{
    width: 30%;
}
.pk_con_bg ul li .jg1,
.pk_con_bg ul li .jg2
{
    height: 2rem;
    background-color: #49535f;
    line-height: 2rem;
    font-size: 1rem;
}
.pk_con_bg ul li .gg{
    height: 2.7rem;
    line-height: 2.7rem;
    background-color: #0dc69f;
    font-size: 1.2rem;
    box-shadow: 0px 1px 20px 0px #ccc;
    margin-top: -10px;
}
.pk_con_bg ul li .bgc{
    background-color: #f3f3f4;
    color: #0c60a0;
    position: relative;
}
.pk_con_bg ul li .bgc img{
    position: absolute;
    left: 30%;
    top: 35%;
}
.pk_con_bg ul li .bgc1{
    background-color: #e1e4e4;
    color: #0c60a0;
    position: relative;
}
.pk_con_bg ul li .bgc1 img{
    position: absolute;
    left: 30%;
    top: 35%;
}
.pk_con_bg ul li .bgc2{
    background-color: #f9f9fa;
    color: #000;
    position: relative;
 
}
.pk_con_bg ul li .bgc2 img{
    position: absolute;
    left: 30%;
    top: 35%;
}
.pk_con_bg ul li .bgc3{
    background-color: #e7eaea;
    color: #000;
    position: relative;
 
}
.pk_con_bg ul li .bgc3 img{
    position: absolute;
    left: 30%;
    top: 35%;
}
.pk_con_bg ul li .bgc4{
    background-color: #fff;
    color: #000;
    box-shadow: 0px 3px 10px 0px #888888;
    position: relative;
 
}
.pk_con_bg ul li .bgc4 img{
    position: absolute;
    left: 30%;
    top: 35%;
}
.pk_con_bg ul li .bgc5 img{
    position: absolute;
    left: 30%;
    top: 35%;
}
.pk_con_bg ul li .bgc5{
    background-color: #fdf3d3;
    color: #000;
    box-shadow: 0px 3px 10px 0px #888888;
    position: relative;
 
}
/* 新布局 end */
/* 尚硅谷vs其他机构 #end */
/* 课程体系 #start */
.kc-sec .section-title{
    margin-top: 2rem;
}
/* 课程体系 #end */

/* 认证 start */

.attestation_bg{
    height: 43rem;
    background: url(../images/attestation_bg.jpg) no-repeat center center;
}
.attestation_t{
    padding: 0 15px;
    text-align: left;
    line-height: 1.5;
}
/* 认证 end */
